page-production {
    // .toolbar-title-md.toolbar-title-md {
    //     font-weight: normal;
    //     color: #836ab3;
    // }
    ion-header .toolbar-title {
        text-align: center;
        font-weight: normal;
        color: #fff;
    }
    div.toolbar-background.toolbar-background-ios,div.toolbar-background.toolbar-background-md {
        background:-webkit-gradient(linear, 0 0, right 0, from(#5764de), to(rgba(147, 67, 228, 0.5))) !important;
    }
    .toolbar-md,.toolbar-ios {
        min-height: 70px !important;
    }
  
    .toolbar-ios ion-title {
        top: 10px !important;
        
    }
    .toolbar-md ion-title {
        top: 38px !important;
        width: 100%;
        position: absolute;
    }
    .zuopin-wrap {
        width: 100%;
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            li {
                float: left;
                width: 160px;
                height: 206px;
                margin: 18px;
                box-shadow: 0px 1px 0px 2px #eee;
                border-radius: 14px;
                img {
                    margin-top: 15px;
                }
            }
            li:nth-child(2n) {
                margin-top: 60px;
            }
        }
        
    }
}

@media (max-width: 375px) {
    page-production.ion-page {
        .zuopin-wrap {
            ul {
                li {
                    width: 140px;
                    height: 186px;
                    margin: 18px;
                    border-radius: 12px;
                    img {
                        margin-top: 15px;
                    }
                }
                li:nth-child(2n) {
                    margin-top: 54px;
                }
            }
            
        }
    }
}

@media (max-width: 320px) {
    page-production.ion-page.show-page {
        .zuopin-wrap {
            ul {
                li {
                    width: 130px;
                    height: 170px;
                    margin: 14px;
                    border-radius: 10px;
                    img {
                        margin-top: 15px;
                    }
                }
                li:nth-child(2n) {
                    margin-top: 52px;
                }
            }
            
        }
    }
}